<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        table{
            /*简写 宽度，线，颜色 */
            border: 2px solid red;
            width: 500px;
            /*表格独有，控制表格的列宽*/
            /*auto：默认*/
            /*fixed:固定宽度*/
            table-layout: fixed;
            /*单元格间距，表格独有，前提不能合并边框*/
            /*0是边框贴在一起*/
            border-spacing: 0px;
            /*合并相邻的单元格的边框*/
            /*collapse：合并边框，合并边框后间距无效*/
            border-collapse: collapse;
            /*hide：隐藏没有内容的单元格，前提不能合并边框*/
            empty-cells: hide;

        }
        /*列行的样式*/
        td,th{
            border: 1px solid orange;
        }
    </style>
</head>
<body>
<!--
<table border="1" >
border="1"：显示边框包括列
-->
<table >
    <caption>人员信息</caption>
    <thead>
    <th>序号</th>
    <th>姓名</th>
    <th>政治面貌</th>
    </thead>
    <tbody>
    <tr>
        <td>1</td>
        <td>张三</td>
        <td>党员</td>
    </tr>
    <tr>
        <td>2</td>
        <td></td>
        <td>群众</td>
    </tr>
    </tbody>
</table>
</body>
</html>